/*Common*/
html
{
	background:#EEEEEE;
}

body	
{
	margin:0;
	background:#EEEEEE;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

*
{
	margin:0;
	padding:0;
}

a
{
	outline:0;
	text-decoration:none;
}

img
{
	border:0
}

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
}

li
{
	list-style:none;
}

/* div head*/
#head
{
	width:1300px;
	float:left;
	background:url("../../images/web1/bg_container.png") repeat-x;
}

.head_height
{
	height:260px;
}

#head_cen
{
	width:1300px;
	margin:0 auto;
}

#head_sup
{
	width:1300px;
	float:left;
	position:relative;
}
#head_con
{
	width:980px;
	height:190px;
	margin-top:10px;
	margin-left:160px;
	float:left;
	background:url("../../images/web1/box-c-t.png") no-repeat;
}

#head p.search
{
	width:auto;
	margin-top:25px;
	margin-right:25px;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:25px;
	letter-spacing:1px;
}

#head p.search input.txt
{
	width:160px;
	height:25px;
	margin-right:7px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:0;
	font-size:14px;
	color:#2c2d2c;
	background:url("../../images/web1/bg_inputbox.gif") no-repeat;
}

#head p.search input.btn
{
	width:30px;
	height:30px;
	float:left;
	border:0;
	cursor:pointer;
	background:url("../../images/web1/btn_shortest.png") no-repeat;
	color:white;
	margin-top:-2px;
}

#head p.search input.btn:active
{
	background-position:2px 2px;
}

#comboBox
{
	width:450px;
	height:30px;
	margin-top:80px;
	margin-right:-325px;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:0;
	font-size:11px;
	color:gray;
}

#comboBox select
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:gray;
	margin-left:5px;
	margin-right:20px;
}

/* navigator menu */
#navigator{ width:980px; background-image:url(../../images/web1/bg_nav.png); background-repeat:no-repeat;  float:left; padding:9px 0px 7px 0px; height:35px;}
#navigator ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 25px;  color:#eee; float:left;}
#navigator ul li{ display:inline; list-style-type:none;   font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../../images/web1/line-nav.gif); background-repeat:no-repeat; background-position:right top ; float:left; }
#navigator ul li a, #navigator ul li a:visited{ }
#navigator ul li a:hover{ background-image:url(../../images/web1/hover.png); background-repeat:repeat-x; float:left;  }

#nav{margin:0px; padding:0px; list-style-type:none;  float:left;  z-index:15; position:relative;}
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
#nav li{list-style-type:none; padding:0px; margin:0px; float:left;  position:relative; }

#nav li a{ color:#eee; float:left; padding:0px 25px 5px 20px; margin-right:2px; line-height:34px;  }

* html #nav li a{margin-right:1px;} /* ie6 only */
#nav li a:hover{color:#eee; text-decoration:none}
#nav li a.active{color:#eee;}
#nav li li{
margin-top:0;
background-image:none;
padding:0px;
position:relative;
z-index:10;
border-bottom:solid 1px #999;
padding:0px 0px;
display:block;
}
#nav ul {
display:none;
left:0px;
position:absolute;
top:34px;
width:160px;
z-index:10;
border:solid #999999;
background-color:#2d2d2d;
border-width:0px 1px 1px 1px;
padding:0px 0px;
}
#nav li ul a{
width:148px;
height:auto;
float:left;
text-align:left;
padding:0px 0px 0px 11px;
text-transform:capitalize;
font-size:12px;
font-weight:normal;
line-height:33px;
z-index:10;
color:#eee;
}
#nav ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:123px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}

img.logo	
{
	width:auto;
	float:left;
	margin-left:50px;
	margin-top:15px;
}

/*div content*/
#content
{
	width:980px;
	float:left;
	margin-left:160px;
	margin-top:-25px;
	background:url("../../images/web1/box-c-r.gif")repeat-y;
}

.content_height
{
	height:auto;
}

#large_banner
{
	width:939px;
	height:330px;
	margin-left:20px;
	background:url("../../images/web1/slider2.jpg") no-repeat;
}

#banner_content
{
	width:350px;
	margin-left:90px;
}

#banner_content h1
{
	padding-top:60px;
	padding-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
}

#banner_content p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:gray;
}

/*div content left*/
#content_left
{
	width:700px;
	float:left;
	margin-top:15px;
	margin-left:20px;
}

#content_left p
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3F3F3F;
}

.line
{
	width:700px;
	float:left;
	padding-top:2px;
	padding-bottom:20px;
}

.line hr
{
	height:3px;
	border:0;
	background:#DFDFDF;
}

.c_r_row
{
	width:700px;
	float:left;
	padding-bottom:20px;
}

.c_r_col
{
	width:218px;
	float:left;
}

.box_p_top
{
	width:218px;
	height:152px;
	background:url("../../images/web1/box-p-t.png") no-repeat;
}

.box_p_top h2
{
	width:auto;
	margin-left:25px;
	margin-top:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3F3F3F;
}

.box_p_content
{
	width:218px;
	height:40px;
	background:url("../../images/web1/box-p-r.gif") repeat-y;
}

.box_p_bottom
{
	width:218px;
	height:140px;
	background:url("../../images/web1/box-p-b.png") no-repeat;
}

.box_p_b_content
{
	width:218px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.box_p_b_content h2
{
	margin-left:65px;
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#3F3F3F;
}

.box_p_b_content p
{
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.button
{
	width:auto;
	float:left;
	margin-top:15px;
	margin-left:10px;
}

input.btnDetail
{
	width:75px;
	height:30px;
	border:0;
	cursor:pointer;
	background:url("../../images/web1/but_details.gif") no-repeat;
}


input.btnAdd
{
	width:95px;
	height:30px;
	border:0;
	cursor:pointer;
	background:url("../../images/web1/but_addtocart.gif") no-repeat;
}

input.btnDetail:active,input.btnAdd:active
{
	background-position:2px 2px;
}

img.content_img
{
	margin-top:-100px;
	width: 130px;
	height: 130px;
}

/*div content_right*/
#content_right
{
	width:250px;
	float:right;
	margin-top:15px;
}

#categories
{
	width:auto;
	float:right;
	margin-top:20px;
}

p.navi_content
{
	float:left;
	margin-top:15px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;	
}

.c_navigator
{
	float:right;
	width:227px;
	height:48px;
	background:url("../../images/web1/sidebar-title-r.png") no-repeat;
}

#categories ul
{
	float:right;
}

#categories ul li.txtli
{
	width:auto;
	margin-left:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f5f5f;
	line-height:35px;
}

#categories ul li.txtlichild
{
	width:auto;
	margin-left:35px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f5f5f;
	line-height:35px;
}

#categories ul li.txtli a, .txtlichild a
{
	color:#5f5f5f;
}

#categories ul li.txtli a:hover, .txtlichild a:hover
{
	color:blue;
}

#categories ul li.dotli
{
	width:200px;
	height:1px;
	margin-right:15px;
	float:right;
	background:url("../../images/web1/dot.gif") repeat-x;
}

#most_viewed_products
{
	float:right;
	margin-top:10px;
}

.most_view_content
{
	float:right;
	margin-top:10px;
	margin-right:5px;
}

.most_view_info
{
	float:left;
	margin-top:-132px;
	margin-left:30px;
}

.most_view_info img
{
	float:left;
	width:100px;
}

.most_view_text
{
	float:right;
	width:110px;
}

.most_view_text h2
{
	font-size:19px;
	color:gray;
}

.most_view_text p
{
	margin-top:5px;
	font-size:13px;
	font-weight:bold;
}

.most_view_text input
{
	margin-top:5px;
	margin-left:5px;
}

.box_small_top
{
	width:220px;
	height:40px;
	float:right;
	background:url("../../images/web1/box-small-t.png");
}

.box_small_content
{
	width:220px;
	height:60px;
	float:right;
	background:url("../../images/web1/box-small-r.gif") repeat-y;
}

.box_small_bottom
{
	width:220px;
	height:59px;
	float:right;
	background:url("../../images/web1/box-small-b.png");
}

#support_online
{
	float:right;
	margin-top:15px;
}

.support_info
{
	float:left;
	margin-left:15px;
	width: 100%;
}

.support_info h2
{
	margin-left:5px;
	font-size:16px;
	font-weight:bold;
	color:black;
	line-height:25px;
}

.support_info h3
{
	margin-left:5px;
	font-size:16px;
	font-weight:bold;
	color:gray;
	line-height:25px;
}

.support_info h4
{
	margin-left:5px;
	font-size:15px;
	color:black;
}

.support_info p
{
	margin-top:5px;
	margin-left:-5px;
}

/*div footer*/
#footer
{
	width:980px;
	float:left;
	margin-left:160px;
	background:url("../../images/web1/box-c-b.png") no-repeat 0px -320px;
}

.footer_height
{
	height:170px;
}

/* div footer left */
#footer_left
{
	width:490px;
	float:left;
	margin-left:20px;
}

#footer_left p.label
{
	width:auto;
	float:left;
	margin-top:45px;
	font-size:11px;
}

#footer_left p.join
{
	width:auto;
	clear:both;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:25px;
	letter-spacing:1px;
}

#footer_left p.join input.txt
{
	width:160px;
	height:25px;
	margin-right:7px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	font-size:14px;
	color:#2c2d2c;
	background:url("../../images/web1/bg_inputbox.gif") no-repeat;
}

#footer_left p.join input.btn
{
	width:27px;
	height:26px;
	float:left;
	border:0;
	cursor:pointer;
	background:url("../../images/web1/but_go.gif") no-repeat;
}

#footer_left p.join input.btn:active
{
	background-position:2px 2px;
}
/*
#footer_left ul.list							{float:left;margin-top:10px}
#footer_left ul.list li						{margin-right:10px;float:left;font-size:12px}
#footer_left ul.list li a						{color:black}
#footer_left ul.list li a:hover					{color:blue}
#footer_left ul.copyright					{float:left;margin-top:10px}
#footer_left ul.copyright li					{margin-right:10px;float:left;font-size:12px;color:gray}
#footer_left ul.copyright li a					{color:gray}
#footer_left ul.copyright li a:hover			{color:blue}
*/
#footer_left .list
{
	clear:both;
	float:left;
	margin-top:10px;
	margin-left:-7px;
}

#footer_left .list a
{
	color:black;
	font-size:12px;
	padding-right:7px;
	padding-left:7px;
}

#footer_left .list a:hover
{
	color:blue;
}

#footer_left .copyright
{
	clear:both;
	float:left;
	margin-top:10px;
	color:black;
	font-size:12px;
}

#footer_left .copyright a
{
	color:black;
	font-size:12px;
	padding-right:7px;
	padding-left:7px;
}

#footer_left .copyright a:hover
{
	color:blue;
}

/* div footer right */
#footer_right
{
	width:150px;
	float:right;
	margin-top:45px;
}

#footer_right a
{
	margin-right:10px;
}

#top{margin:0 auto; width:980px; height:41px;}
#top ul{ margin:0px; padding:6px 25px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777777; float:right;}
#top ul li{ display:inline; list-style-type:none; padding-left:30px; }
#top li.store{ padding-right:40px;}
/*
#footer_right ul								{width:auto; margin-top:45px;}
#footer_right ul li							{float:left;margin-left:15px; line-height:30px}
*/